<template>
	<view>
		<view class="houseMap">
			<button class="zaixianzixun">跳转地图找房</button>
		</view>
		<view class="ad ad1">
			
		</view>
		<view class="ad ad2">
			
		</view>
		<view class="ad ad3">
			
		</view>
		<view class="ad ad4">
			<map class="map" :latitude="latitude" :longitude="longitude" :markers="covers" />
		</view>
		<view class="ad ad5">
			
		</view>
		<view class="ad ad6">
			
		</view>
		
		<view v-if="is_h5" class="uni-flex footer-tool">
			<view class="column1">
				<image src="https://linghui-prod-public.oss-cn-beijing.aliyuncs.com/image/20211013/095855400133.png">
			</view>
			<view class="column2">
				<text class="agent_name">经纪人姓名</text>
			</view>
			<view class="uni-flex column3">
				<button class="zaixianzixun">在线咨询</button>
				<button class="call_tel">电话咨询</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// #ifdef H5
				is_h5: true,
				// #endif
				// #ifndef H5
				is_h5: false,
				// #endif
				title: 'map',
				latitude: 39.909,
				longitude: 116.39742,
				covers: [{
					latitude: 39.9085,
					longitude: 116.39747,
					// #ifdef APP-PLUS
					iconPath: '/static/app-plus/location@3x.png',
					// #endif
					// #ifndef APP-PLUS
					iconPath: '/static/location.png',
					// #endif
				}, {
					latitude: 39.90,
					longitude: 116.39,
					// #ifdef APP-PLUS
					iconPath: '/static/app-plus/location@3x.png',
					// #endif
					// #ifndef APP-PLUS
					iconPath: '/static/location.png',
					// #endif
				}]
			}
		},
		onShow (){
			// #ifdef APP-PLUS
			// const subNVue = uni.getSubNVueById('testMapFooterTool')
			// subNVue.show('slide-in-left', 300, function(){})
			// subNVue.hide('fade-out', 300)
			// #endif
		},
		methods: {
		
		}
	}
</script>

<style>
	.uni-flex{display:flex;flex-direction:row;}
	
	.ad{width:100%;height:500rpx;}
	.ad1{background-color: #000000;}
	.ad2{background-color: #0066CC;}
	.ad3{background-color: #00CE47;}
	.ad4{background-color: #0EA391;}
	.ad5{background-color: #F0AD4E;}
	.ad6{background-color: #E43D33;}
	.map{width:100%;height:500rpx;}
	.footer-tool{position: fixed;bottom: 0;width:100%;height: 160rpx;background-color: #fff;}
	.column1{width:100rpx;}
	.column2{width:150rpx;}
	.column3{width:500rpx;}
	
	.column1 image{margin-top:30rpx;width:100rpx;height:100rpx;}
	.column2 .agent_name{line-height: 160rpx;}
	
	.column3 .zaixianzixun{margin-top:36rpx;width:210rpx;height:88rpx;line-height: 88rpx;font-size: 30rpx;border:#51B331 1rpx solid;background-color: #fff;color:#51B331;}
	.column3 .call_tel{margin-top:36rpx;width:210rpx;height:88rpx;line-height: 88rpx;font-size: 30rpx;border:#51B331 1rpx solid;background-color: #51B331;color:#fff;}
</style>
